/* standard styles */

* { margin: 0px; padding: 0px; }

body
{
	font-size: 14px;
	color: #e8e8e8;
	font-family: Arial, Helvetica, sans-serif;
	background: #3f3e3e;
}
body:hover
{
	background: #3f3e3e;
}

a 
{
	text-decoration: none;
}

.hr
{	
	margin: 24px 0px 19px 0px;
	padding: 0px;
	width: 100%;
}

/* --- */

#container
{

}

#content
{
	padding: 21px 21px 0px 21px;
	text-align: center;
}

/* --- */

#header
{
	color: #3d3d3d;
	padding: 17px 25px 18px 25px;
	text-align: center;
	text-shadow: white 0px 1px 0px;
	background: #fefefe url(i/header-hdpi.png) bottom repeat-x;
	background-size: 4px 78px;
}
#header h1 
{
	margin-bottom: 2px;
	font-size: 16px;
}
#header p
{
	font-size: 12px;
	font-style: italic;
}

/* --- */

.list_holes
{
	margin-top: 2px;
}
.list_holes li
{
	padding: 18px 17px;
	background: url(i/line-hdpi.png) 0px -1px repeat-x;
	background-size: 75px 2px;
}
.list_holes h3
{
	margin-bottom: 13px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.list_holes a
{
	position: relative;
	display: block;
	text-decoration: none;
	border: 1px solid #565656;
	border-radius: 7px;
	background: black url('i/hole-hdpi.png') top repeat-x;
	background-size: 2px 75px;
}
.list_holes a span
{
	display: table-cell;
	vertical-align: middle;
	padding: 0px 35px 0px 82px;
	height: 76px;
	color: white;
	font-size: 12px;
	line-height: 15px;
	background-position: center left;
	background-repeat: no-repeat;
}
.list_holes a:hover
{
	border-color: #D5D5D5;
}
.list_holes a img
{
	position: absolute;
	top: 50%;
}